<template>
    <div class="gq_wrapper">
		<!-- 首页头部区域 -->
		<el-row :gutter="20" style="margin-top: 10px;">
		  <el-col :span="6"><el-card class="gq_head" shadow="hover"></el-card></el-col>
		  <el-col :span="6"><el-card class="gq_head" shadow="hover"></el-card></el-col>
		  <el-col :span="6"><el-card class="gq_head" shadow="hover"></el-card></el-col>
		  <el-col :span="6"><el-card class="gq_head" shadow="hover"></el-card></el-col>
		</el-row>
		
		<!-- 首页中间区域 -->
		<el-row :gutter="20" style="margin-top: 15px;">
		  <el-col :span="12"><div class="gq_main"></div></el-col>
		  <el-col :span="12"><div class="gq_main"></div></el-col>
		</el-row>
		
		<!-- 首页底部区域 -->
		<el-row :gutter="20" style="margin-top: 15px;">
		  <el-col :span="12"><div class="gq_foot"></div></el-col>
		  <el-col :span="12"><div class="gq_foot"></div></el-col>
		</el-row>
    </div>
</template>

<script>
export default {
    props:[],
    components: {},
    data() {
        return {

        };
    },
    created() {

    },
    mounted() {

    },
    methods: {

    },
    computed:{

    },
    watch:{

    }
};
</script>

<style lang="scss" scoped>
.gq_wrapper {
	width: 100%;
	.gq_head {
		background: #fff;
		height: 100px;
	}
	.gq_main {
		background: #fff;
		height: 400px;
	}
	.gq_foot {
		background: #fff;
		height: 300px;
	}
}
</style>
